@charset "utf-8";
/* CSS Document */
body{ background:#fff;color:#333; font-size:12px; }
.container-fluid{max-width: 1200px; padding: 0}
.headertop{ background: #E7E7E7; padding:10px 0 }
.headertop a{ margin-left: 10px;}
#header .headerlogo{ position:relative;padding:32px 0; overflow: hidden;}
#header .headerlogo #logo{}
#header .headerlogo #logo img{max-width: 100%}
#header .headerlogo #tel{color:#8B8B8B;text-align: left;}
#header .headerlogo #tel p{ padding: 0; margin: 0;padding-left: 5px; }
#header .headerlogo #tel span{ display: inline-block; font-size:32px; color:#004bb0; margin-right:5px; line-height:40px; }
#header .headerlogo #tel span.icon-tel{ font-size: 36px; line-height: normal; position: relative; }
#header .headerlogo #tel span.font32{font-weight:bold;}
/*menu*/
#nav{min-height:57px; }
/*menu*/
.menu .container-fluid{ padding: 0; }
.menu {
    min-height: 57px;
    z-index: 1000;
    background: url(../images/head-menu.jpg) left top repeat;
    background-size: cover;
}
    .menu li {
        display: inline;
        float: left;
        width: 120px;
        height: 57px;
        position: relative;
        text-align: center;
        border-right: 1px solid #003e92;
        border-left: 1px solid #004bb0;
    }
.menu li a{ display:block; height:57px; line-height:57px;color:#fff; font-size:15px; }
.menu li a span{ display:block; font-size:12px;font-weight:normal; text-transform: uppercase;}
.menu li.nobg a,.menu li.last a{ background:none;}
        .menu li a:hover {
            background-color: #ff9900;
            text-decoration: none;
            color: #fff;
        }
/*下拉菜单*/
.menu li.mainlevel{ position:relative; z-index:10000;}
    .menu li.mainlevel a:hover, .menu li.hover a {
        background: none;
        background-color: #ff9900;
    }
    .menu li.mainlevel ul {
        overflow: hidden;
        background: #003e92;        ;
        padding: 0px 0;
        width: 120px;
    }
.lbul{ display:none; position:absolute; left:0px; top:57px;width:120px;z-index:10001; }
.menu li.mainlevel ul li{float:none;background:none; display:block;height:40px; margin:0; width:auto;}
.menu li.mainlevel ul li a{font-size:12px; background:none; color:#fff;display:block;height:40px;  font-weight:normal;line-height:36px; padding:0; border-bottom:1px solid #003883}
    .menu li.mainlevel ul li a:hover {
        text-decoration: underline;
        color: #fff;
        font-weight: normal;
        background: #ff9900;
        text-decoration: none;
        border-bottom: 1px solid #ff9900
    }
/*banner*/
.banner{ position: relative; overflow: hidden; }
.banner img{ width: 100%; height: auto; position: relative;overflow: hidden;}
.banner li.swiper-slide{ background-size: cover;background-position: center;}
.banner li a{ display: block; height: 479px; width: 100%}
.banner li a img{ width: 100% }
.bannerpage{ position: absolute;left: 0;width: 100%;text-align: center; bottom: 10px; height: 15px; z-index: 12;}
.bannerpage span{ margin:0 2px!important; background: #fff; opacity: 1}
.bannerpage span.swiper-pagination-bullet-active{ background: #ff9911; }
/*产品体系*/
.cptt{ overflow: hidden; text-align: center; }
.ty_tt{ padding-bottom: 33px;background: url("../images/fk.png") bottom center no-repeat; font-weight: bold;font-size: 30px; overflow: hidden;padding-top: 36px;}
.ty_tt span{ color: #004bb0; }
.ty_tt p{margin: 0;text-transform: uppercase; color: #666;font-size: 12px;font-weight: normal;padding-top: 5px;}
.cpdesc{ padding-top: 10px; width: 80%;margin: 0 auto;line-height:26px; color: #666; font-size: 14px;padding-bottom: 8px; overflow: hidden;}
/*slidemenu*/
.leftmenu{ width: 260px; display: inline;float: left;margin-top: 12px;}
.slidemenutt{ height: 89px;background:  #004bb0 left center no-repeat; font-weight: bold;font-size: 20px;text-align:center;color: #fff;}
.slidemenutt span{display: block; font-size: 26px; text-transform: uppercase;padding-top: 20px;}

.sublist{ min-height:541px; background: #F3F3F3;padding: 0 10px; padding-top: 6px;}
.sublist h3{ height:45px; line-height:45px; margin-top: 4px; /*background: #fff;*/ background: #717171;font-size:14px; font-weight:normal;padding-left: 18px; font-size: 16px;}
.sublist h3 a{ color: #fff; display: block;width: 75%; float: left; height: 45px;}
.sublist h3 span{ display:none; float:right; height:45px; width:45px;  cursor:pointer; background:url("../images/jia.gif") center center no-repeat; }
.sublist h3.active{ background: #717171;}
.sublist h3.active a{ color: #fff; }
.sublist h3.active span{ background:url("../images/jian.gif") center center no-repeat;}
.sub-menu{ padding:8px 0 10px 14px; display:block; overflow: hidden; background: #fff; }
.sub-menu li{ height:26px; line-height:26px; }
.sub-menu li a{ display: block; color: #666; height: 26px; background:url("../images/quan.jpg") 4px center no-repeat; padding-left:20px; font-size: 14px;}
.sub-menu li a:hover,.sub-menu li.active a{ background:url("../images/quan1.jpg") 4px center no-repeat; color: #004bb0 }
.sub-menu-show{ display: block;}
/*产品列表*/
.boxrightcp{overflow: hidden;width: 938px; float: right; position: relative;}
.pro_list{ overflow:hidden; text-align:center;}
.pro_list li{display: inline;float: left; width:283px; overflow: hidden;margin-left: 30px;margin-top: 12px;}
.pro_list li .cpim{ width:283px;margin: 0 auto;}
.pro_list li .pro_pic{  border: 1px solid #E9E9E9; overflow: hidden;text-align: center; padding: 7px; overflow: hidden;}
.pro_list li .pro_pic a{ display:block;width: 267px; height: 199px; overflow: hidden; }
.pro_list li .pro_pic img{ width: 267px; height: 199px;transition: all 0.3s;}
.pro_list li .desc{ display: block; margin-top: 5px; height: 89px; padding: 0 24px; background: #F4F4F4; text-align: center; overflow: hidden; }
.pro_list li .desc h3,.pro_list li .desc p{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.pro_list li .desc h3{ font-size: 16px; color: #333; margin-top: 20px;margin-bottom: 5px;}
.pro_list li .desc p{ font-size: 12px; color: #666; margin: 0; }
.pro_list li:hover .pro_pic img{transform: scale(1.15);} 
.pro_list li:hover .desc{ background: #004bb0; }
.pro_list li:hover .desc h3,.pro_list li:hover .desc p{ color: #fff }

.imgautolist li .imgpic{vertical-align: middle;display:table; text-align: center;height: 100%; width: 100%;overflow: hidden!important;}
.imgautolist li .imgpic span{ display: table-cell; vertical-align: middle; height: 100%; width: 100%;}
.imgautolist li a img{ width: 100%; display:table; vertical-align: middle;}
/*为什么选择我们*/
.cpdescn{ font-size: 20px; color: #004bb0; }
.whybox{ background: #F5F5F5; overflow: hidden; margin-top: 30px;padding-bottom: 36px; }
.whylist{ overflow: hidden; }
.whylist li{ width: 20%; display: inline; float: left;text-align: center; margin-top: 10px; overflow: hidden; padding-bottom: 10px;}
.whylist li a{ display: block; width: 92.83%; margin: 0 auto; background:#fff; height: 288px; border:1px solid #E1E1E1; box-sizing: border-box;padding: 18px;}
.whylist li a:hover{ box-shadow: 0 0px 10px  #ccc }
.whylist li .why_pic img{ border-radius: 50%; width: 136px; height: 136px; border:5px solid #f3f3f3;transition: all 0.3s}
.whylist li a:hover .why_pic img{transform: rotate(360deg)}
.whylist li h3{ font-size: 16px;margin-top: 20px; }
.whylist li p{margin: 0; margin-top: 10px; color: #666; font-size: 12px; line-height: 18px;}
/*about*/
.aboutpic,.aboutinfo{ margin-top: 18px; padding: 0;}
.aboutpic{ display: inline; float: left; width: 42%; }
.aboutpic img{ width: 100%; }
.aboutinfo{ width: 55%; display: inline; float: right; }
.abth3{ font-size:30px; padding: 6px 0;}
.abtdesc{ font-size: 12px;text-transform: uppercase; color: #666 }
.subli,.sublin{ overflow: hidden; margin-top: 14px; }
.subli a,.sublin a{ display: inline; float: left;margin-right: 4px; height: 38px; line-height: 38px; color: #fff; text-align: center; font-size: 16px;background: #666; width: 160px; margin-top: 4px;}
.subli a:hover,.subli a.active,.sublin a:hover,.sublin a.active{ background: #004bb0; }
.ndesc{ font-size: 14px; color: #666; line-height: 24px; max-height: 142px; overflow: hidden; margin-top: 20px; }
.moreabt{ display: inline; float: left; height: 43px; line-height: 43px; width: 190px; border:1px solid #E9E9E9; font-size: 18px;text-align: center; margin-top: 20px; }
.sublin{text-align: center; overflow:  hidden; padding-bottom: 15px;  border-bottom: dotted 1px #dedede;}
.sublin a{ display: inline-block; margin: 0 4px; margin-top: 4px; width: 45%; max-width: 160px; float: none; }
/*营业执照*/
.yyzzbox{ overflow: hidden; position: relative;overflow: hidden; margin-top: 36px;height: 322px;}
.yyzzlist li{ width: 237px; height: 322px; display: inline; float: left;margin: 0 15px; }
.yyzzlist li img{width: 237px; height: 322px;}
/*新闻资讯*/
/*newsboxl*/
.newsboxl {
    width: 820px;
    display: inline;
    float: left;
    margin-top: 30px;
}

.boxright {
    width: 916px;
    padding: 10px 25px;
    display: inline;
    float: right;
    margin-top: 20px;
    background: #fff;
    border: 1px solid #DFDFDF;
}
.weizhi1 {
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #DFDFDF;
}

    .weizhi1 h3 {
        display: inline;
        float: left;
        background: url(../images/link.jpg) left center no-repeat;
        padding-left: 12px;
        height: 44px;
        font-size: 20px;
        font-weight: normal;
        line-height: 44px;
    }
/*新闻资讯*/
.hua_khbox {
    position: relative;
    height: 40px;
    background: #E8E8E8;
}

    .hua_khbox ul, .hua_khbox h3 {
        display: inline;
        float: left;
        height: 40px;
    }

        .hua_khbox ul li, .hua_khbox h3 {
            width: 143px;
            height: 40px;
            line-height: 40px;
            display: inline;
            float: left;
            margin-right: 1px;
            position: relative;
            text-align: center;
            font-size: 18px;
        }

            .hua_khbox ul li span.down, .hua_khbox h3 span.down {
                position: absolute;
                width: 15px;
                height: 8px;
                position: absolute;
                bottom: -8px;
                left: 50%;
                margin-left: -8px;
                z-index: 3;
                display: none;
                background: url(../images/down.gif) no-repeat;
            }

            .hua_khbox ul li.active, .hua_khbox h3.active {
                background: #004bb0;
                color: #fff;
            }

                .hua_khbox ul li.active a {
                    color: #fff;
                }

                .hua_khbox ul li.active span.down, .hua_khbox h3.active span.down {
                    display: block;
                }

    .hua_khbox .nmore {
        display: inline;
        float: right;
        background: url(../images/nmore.jpg) left center no-repeat;
        padding-left: 27px;
        font-size: 16px;
        padding-right: 10px;
        color: #6E6E6E;
        height: 40px;
        line-height: 40px;
    }

.newslist {
    overflow: hidden;
}

    .newslist li {
        height: 28px;
        line-height: 28px;
        overflow: hidden;
    }

        .newslist li a.atitle {
            padding-left: 16px;
            width: 75%;
            display: inline;
            float: left;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            background: url(../images/dian.jpg) left center no-repeat;
            font-size: 14px;
        }

        .newslist li .atime {
            float: right;
            color: #D2D2D2;
            font-size: 12px;
        }

        .newslist li.newsitem {
            height: 146px;
            line-height: normal;
            border-bottom: dotted 1px #CFCFCF;
            margin-top: 26px;
            overflow: hidden;
            padding-right: 40px;
            margin-bottom: 10px;
        }

            .newslist li.newsitem .newspic {
                display: inline;
                float: left;
                width: 180px;
                height: 131px;
                margin-right: 24px;
            }

                .newslist li.newsitem .newspic img {
                    width: 180px;
                    height: 131px;
                }

            .newslist li.newsitem h3 {
                margin-top: 5px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                font-weight: normal;
            }

            .newslist li.newsitem span.time {
                text-transform: uppercase;
                color: #d1d1d1;
            }

            .newslist li.newsitem p {
                color: #666;
                line-height: 24px;
                max-height: 48px;
                overflow: hidden;
                margin-top: 5px;
                margin-bottom: 0;
            }

.newslistny {
    overflow: hidden;
    padding: 0 10px;
}

    .newslistny li {
        border-bottom: dotted 1px #CFCFCF;
        margin-top: 15px;
        padding-bottom: 15px;
    }

        .newslistny li h3 {
            font-size: 16px;
        }

            .newslistny li h3 a {
                color: #004bb0;
            }

        .newslistny li p {
            margin: 0;
            margin-top: 5px;
            color: #666;
        }

        .newslistny li .time {
            display: block;
            color: #d1d1d1;
            text-transform: uppercase;
            font-size: 12px;
        }
/*askbox*/
.askbox {
    display: inline;
    float: right;
    margin-top: 30px;
    width: 325px;
}

.asklist {
    overflow: hidden;
    border-bottom: dotted 1px #B4B4B4;
    margin-top: 21px;
}

    .asklist dt {
        height: 20px;
        line-height: 20px;
        padding-left: 25px;
        background: url(../images/a.jpg) left top no-repeat;
        font-size: 14px;
        color: #333;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .asklist dd {
        background: url(../images/d.jpg) left top no-repeat;
        line-height: 20px;
        padding-left: 25px;
        font-size: 12px;
        color: #666;
        margin-top: 12px;
    }



/*成功案例*/
.casebox{ position: relative; overflow: hidden; }
.caseboxlist{ overflow:hidden; text-align:center;}
.caseboxlist li{display: inline;float: left; width:283px; overflow: hidden;margin-top: 12px;}
.caseboxlist li .cpim{ width:283px;margin: 0 auto;}
.caseboxlist li .pro_pic{  border: 1px solid #fff; background: #fff; overflow: hidden;text-align: center; padding: 7px; overflow: hidden;}
.caseboxlist li .pro_pic a{ display:block;width: 267px; height: 199px; overflow: hidden; }
.caseboxlist li .pro_pic img{ width: 267px; height: 199px;transition: all 0.3s;}
.caseboxlist li .desc{ display: block; margin-top: 5px; height: 89px; padding: 0 24px; background: #fff; text-align: center; overflow: hidden; }
.caseboxlist li .desc h3,.caseboxlist li .desc p{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.caseboxlist li .desc h3{ font-size: 16px; color: #333; margin-top: 20px;margin-bottom: 5px;}
.caseboxlist li .desc p{ font-size: 12px; color: #666; margin: 0; }
.caseboxlist li:hover .pro_pic img{transform: scale(1.15);} 
.caseboxlist li:hover .desc{ background: #004bb0; }
.caseboxlist li:hover .desc h3,.caseboxlist li:hover .desc p{ color: #fff }
/*友情链接*/
.lilnktt{margin-top: 27px; border: 1px solid #DCDCDC; border-left:0; border-right: 0; height: 44px; line-height: 44px; overflow:  hidden;}
.lilnktt h3{ display: inline; float: left; height: 44px; line-height: 42px; background: url("../images/link.jpg") 5px center no-repeat; padding-left:17px; }
.linkm{ text-align: left; padding: 10px; padding-bottom: 0; overflow: hidden; }
.linkm a{ marign:0 5px; white-space: nowrap; display: in }


/*footer*/
.footer{background-color:#434343; padding: 20px 0;  color:#fff;}
.footer a{ color: #fff; }
.dlfl {
    display: inline;
    float: left;
    width: 170px;
}
.dlfl dt{ font-size: 18px; margin-bottom: 10px;}
.dlfl dd{ line-height: 22px; overflow: hidden; }
.dlfl dd p{ margin: 0; }
.dlfl dd a{ display: block; height:22px; line-height: 22px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.ewmbn{  text-align:  center; }
.ewmbn img{ width: 92px; height: 92px; }
.footercopy{text-align: center; color: #666; line-height: 22px; padding: 30px 10px;}
.footercopy p{margin: 0;}
.footercopy a{ color: #666; }
.sublistny{ min-height: inherit; padding-bottom: 10px; overflow: hidden; }
.pro_list .lilnktt{ margin-top: 12px; margin-left: 30px; }

/*联系我们*/
.nycase{ overflow: hidden; }
.nycase .contactl{ display: inline; float: left;width: 260px; background: #fff; overflow: hidden; margin-top: 36px;}
.nycase .caseboxn{ width: 903px; float: right; }
.nycase .caseboxn .cptt{ margin-bottom: 10px; }
.lxwmbox{ overflow: hidden; }
.lxwmbox img{ width: 100%; }
.contactcm{ line-height:24px; padding:5px 15px 15px 15px;font-size: 14px; color: #666;}
.contactcm p{margin:5px 0;}
.contactcm  a.zxzx{ display: block; height: 40px; font-size:14px;line-height: 40px;background:#ffba14;text-align: center; color: #fff;}
.homenn{margin-right: 5px;}
/*通用新闻2*/

/*page*/
#page{margin:0px 5%;margin-top: 30px; text-align:center; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
#page .scott{ display:inline-block; margin:0 auto;overflow:hidden;}
#page .scott span,#page .scott a:hover{ background-color:#004bb0; border:1px solid #004bb0; color:#fff; border-radius:3px; display:inline-block;margin:0 2px; padding:0 16px; height:36px; line-height:36px; text-decoration:none;}
#page .scott a:hover{background-color:#004bb0; border:1px solid #004bb0;}
#page .scott a,#page .scott span.morepage{padding:0 16px; height:36px; line-height:36px; background-color:#fff; border:1px solid #DEDEDE;border-radius:3px;margin:0 2px;display:inline-block;color:#737373;}
#page .scott span.morepage input{ width:25px; height:16px; border:1px solid #E1DFE0; background:none; margin-top:8px; float:left; margin-right:5px; padding-left:3px;}
#page .scott span.morepage{color:#737373;}
#page .scott a, #page .scott span.morepag{margin-top: 3px;}

.weizhi{ height: 40px; line-height: 40px; background: #F5F5F5;  color: #666 }
.weizhi a{ color: #666; }
.content{overflow:hidden;}
.ctmbx{ padding:20px 15px 0 15px; overflow: hidden; font-size: 14px; }
.content img{ max-width:100%!important;}
.content h1 {
    font-family: "微软雅黑";
    font-weight: normal;
    font-size: 24px;
    text-align: center;
    padding-bottom: 15px;
    color: #004bb0;
    padding-top: 20px;
    border-bottom: dotted #dedede 1px;
    margin-bottom: 4px;
}
.page_back {
    border: 1px solid #dedede;
    padding: 5px 10px;
    overflow: hidden;
    margin-top: 20px;
    position: relative;
    font-size: 14px;
    line-height: 24px;
}

    .page_back span {
        max-width: 45%;
        overflow: hidden;
        color: #666;
    }

    .page_back a {
        color: #004bb0;
    }

        .page_back a:hover {
            text-decoration: underline;
        }
.content .alink {
    display: block;
    width: 104px;
    height: 29px;
    line-height: 28px;
    background: #004bb0;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    margin-top: 8px;
}
.info{ text-align:center; font-size:12px; color:#fff}
.content_info{ height:20px; line-height:20px; font-size:12px; color:#666; text-align:center;overflow: hidden;margin-bottom: 20px;}
.content table td{ padding-left:5px;font-size:12px; }







@media(max-width:1200px){
.menu li{ width: 20%; }
.banner li a{ height: 400px }
.cpdesc{width: 90%;}
.leftmenu{ width: 100%; float: none; }
.slidemenutt{ font-size: 16px; height: 65px;}
.slidemenutt span{ font-size: 20px;padding-top: 8px; }
.sublist{ height: auto; padding-bottom: 10px; overflow: hidden; min-height:inherit;  }
.pro_list li{ float: none;display: inline-block;margin: 0 15px; margin-top: 12px; }
/*联系方式*/
.nycase .contactl{ display: block; float: none;width: 100%; margin-top: 0px;}
.nycase .caseboxn{ width: 100%; float: none; display: block; }
.nycase .caseboxn .cptt{ margin-bottom: 10px; }
.lxwmbox{ overflow: hidden; }
.lxwmbox img{ width: 100%; }
.contactcm{ line-height:24px; padding:5px 20px 10px 20px;font-size: 14px;}
.contactcm p{margin:5px 0;}
.contactcm  a.zxzx{ margin-top: 10px; }
.pro_list .lilnktt{ margin-top: 12px; margin-left: 0px; }
}
@media(max-width:1024px){
.menu li{ height: 40px; line-height: 40px; }
.menu li a{ height: 40px; line-height: 40px;}
.banner li a{ height: 380px }
.cpdesc{width: 90%;}
    .dlfl {
        display: inline;
        float: none;
        width: auto;
    }
}
@media(max-width:991px){
.headertop,.txtr,#logo,#header .headerlogo #tel{text-align: center;}
#tel{padding-top: 10px;}
#tel .fr{ float: none; }
.banner li a{ height: 280px }
.cpdesc{width: 90%;}
.whybox { padding-bottom: 10px; }
.whylist{ padding: 0 10px; overflow: hidden; }
.whylist li{  display:  block; width: 100%; float: none;padding-bottom: 10px;}
.whylist li a{ display: block; width:100%; margin: 0 auto; background:#fff; height: auto; border:1px solid #E1E1E1; box-sizing: border-box;padding: 18px;}
.whylist li a:hover{ box-shadow: 0 0px 10px  #ccc }
.whylist li .why_pic img{ border-radius: 50%; width: 136px; height: 136px; border:5px solid #f3f3f3; }

.aboutinfo{text-align: center;}
.aboutpic,.aboutinfo{ display: block; float: none; width: 100%; }
.aboutpic img{ width: 100%; }
.subli{ padding: 0 3px; }
.subli{ overflow: hidden; margin-top: 14px; }
.subli a{ display: inline-block; float: none;margin:0 3px; margin-top: 4px; width: 42% }
.ndesc{ max-height: inherit; margin-top: 12px; padding: 0 15px; }
.moreabt{ display: block; float: none; margin: 0 auto; margin-top: 10px; width: 80%; }
 .newsboxl {
        float: none;
        width: auto;
        margin: 0;
        overflow: hidden;
    }

        .newsboxl .hua_khbox {
            margin: 0 10px;
        }

    .askbox {
        width: 100%;
        float: none;
        display: block;
        overflow: hidden;
        margin-top: 10px;
    }

        .askbox .hua_khbox, .askbox .asklist {
            margin: 0 10px;
            height: auto;
        }

        .askbox .hua_khbox {
            margin-bottom: 15px;
        }

        .askbox .asklist {
            padding-bottom: 10px;
            margin-top: 10px;
        }
/*footer*/
.footer{ padding-top: 22px; }
.footer .dlfl dt{margin-top: 8px;}
.footer .dlfl dd a{ width: 25%; display: inline; float: left; }
.footer .dlfl dd{ padding: 15px; background: #2c2c2c; border-radius: 6px;}
}
@media(max-width:768px){
.headertop,.txtr,#logo,#header .headerlogo #tel{text-align: center;}
#tel{padding-top: 10px;}
#tel .fr{ float: none; }
.banner li a{ height: 240px }
.ty_tt{ font-size: 22px;padding-top: 15px;}
.cpdesc{width: 90%;}


.yyzzbox{margin: 10px;height: 163px; margin-bottom: 0;}
.yyzzlist li{ width: 120px; height: 163px; display: inline; float: left;margin: 0 15px; }
.yyzzlist li img{width: 120px; height: 163px;}
}
@media(max-width:640px){
/*.pro_list{ padding: 0 10px; }
.pro_list li .cpim{ width: 100%; }
.pro_list li{ float: none;display:block;width:100%;margin:0;margin-top: 12px; }
.pro_list li .pro_pic a{width: 100%; height: auto; }
.pro_list li .pro_pic img{ width: 100%; height: auto; }
.pro_list li .desc{ height: auto; padding: 10px 15px; overflow: hidden; }
.pro_list li .desc h3{ margin-top: 0; font-size: 14px; }*/


.abth3{ font-size: 18px; }
/*新闻资讯*/
.newslist li .newsitem { display: block; border-bottom:dotted 1px #CFCFCF; padding-bottom: 6px;  overflow: hidden; text-align: center;}
.newslist li .newsitem .newspic{ display:block; float: none; width: 100%; height: auto; margin-right: 0;}
.newslist li .newsitem .newspic img{width: 100%; height:auto; }
.newslist li .newsitem h3{margin-top: 10px; font-size: 14px;}
.newslist li .newsitem span.time{ text-transform: uppercase; color: #d1d1d1; }
.newslist li .newsitem p{ color: #666; line-height: 20px; max-height: 40px; font-size: 12px; overflow: hidden; margin-top: 5px; }
.newslist li.news1 .newsitem,.newslist li.news3 .newsitem{ margin-right: 5%; }
.newslist li.news2 .newsitem,.newslist li.news4 .newsitem{margin-left: 5%;}
    .newslist li.newsitem .newspic {
        float: none;
        width: 100%;
        height: auto;
        margin: 0;
    }

        .newslist li.newsitem .newspic img {
            width: 100%;
            height: auto;
        }

    .newslist li.newsitem {
        padding: 0;
        height: auto;
        padding-bottom: 10px;
        overflow: hidden;
    }
.pro_list{ padding-right:10px; }
.pro_list li{ width: 50%; display: inline; float: left; margin:0;margin-top: 12px;}
.pro_list li .cpim{margin-left: 10px; width: auto;}
.pro_list li .desc{ height: 100%; padding: 5px 10px; font-size: 14px; }
.pro_list li .desc h3{ font-size: 14px; margin-top:0px; }
.pro_list li .pro_pic a{width: auto; height: auto; }
.pro_list li .pro_pic img{ width: 100%; height: auto; }
/*案例展示*/
.casebox{ margin: 0 10px; }
.caseboxlist{ padding: 0 10px; }
.caseboxlist li .cpim{ width: 100%; }
.caseboxlist li{ float: none;display:block;width:160px;margin:12px 0 0 12px; }
.caseboxlist li .pro_pic a{width: 100%; height: auto; }
.caseboxlist li .pro_pic img{ width: 160px; height: 119px; }
.caseboxlist li .desc{ height: auto; padding: 10px 15px; overflow: hidden; }
.caseboxlist li .desc h3{ margin-top: 0; font-size: 14px; }
}
@media(max-width:600px){
#header .headerlogo{ padding: 15px 0; }
#header .headerlogo #tel span.icon-tel{ font-size: 26px; line-height: 30px; }
#header .headerlogo #tel span.font32{ font-size: 20px; }
.banner li a{ height: 200px }
.ty_tt{ font-size: 22px;padding-top: 15px;}
.cpdesc{width: 90%;}
}
@media(max-width:414px){
.menu li{ height: 30px; line-height: 30px; }
.menu li a{ font-size: 12px; height: 30px; line-height: 30px;}
.banner li a{ height: 130px }
#header .headerlogo #tel span.font32{line-height: 30px;}
.ty_tt{ font-size: 22px;padding-top: 15px;}
.cpdesc{width: 90%;color: #666; font-size: 12px; }


}